import React, { useRef, useState, useEffect } from "react";
// import { useSize } from "ahooks";
import useSize from "../../hooks/customs/useSize";
// import { useHover } from "ahooks";
import useHover from "../../hooks/customs/useHover2";


const TestUseHover2 = () => {
  const ref = useRef<HTMLDivElement>(null)
  const isHovering = useHover(ref)
  return <div ref={ref}>{isHovering ? 'hover' : 'leaveHover'}</div>;
}

export default TestUseHover2
